<template>
    <div class="nav-bar nav-bar-background">
        <div class="nav-bar-logo" @click="toIndex()">主页</div>
        <div class="nav-bar-logo" @click="toScholor()">学者库</div>
    </div>
</template>

<script>
export default {
    name: 'SignNavBar',
    methods: {
      toIndex() {
        window.open('/index', '_self')
      },
      toScholor() {
        window.open('/authorIndex', '_self')
      }
    }
}
</script>

<style scoped>
.nav-bar {
    display: flex;
}
.nav-bar-background {
  background-color: #1D76D9FF;
  color: white;
}
.nav-bar-logo {
  margin-left: 2%;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}
</style>